// 项目经验
const List = [
    {
        id: 15,
        pubTime: '2020/08-至今',
        title: '自定义reactui组件库',
        summary: `<h5>学习封装reactui组件</h5>
                <p>描述: 采用目前市面上社区最活跃，插件最丰富的组件库制作工具storybook，结合react、typescript实现的自定义reactUI库。</p>
                <p>主要职责:</p>
                <p>个人制作的小型轻量级ui库，独立搭建项目。</p>
                <p>组件的开发、调试和测试工作。</p>
                <p>项目心得：</p>
                <p>学习制作一个属于自己的组件库，对于storybook/typescript有了初步的了解，目前我对使用react+ts制作组件还是不够了解，
                制作过程比较吃力，对于测试发布这块还是不熟悉，以后多多加强。</p>
        `,
        url: 'https://github.com/cqm316/reactui',
        topology: '',
    },
    {
        id: 0,
        pubTime: '2020/01-至今',
        title: '智慧职校管理系统',
        summary: `<h5>公司：深圳市国匠教育科技有限公司</h5>
                <p>描述: 一款集学生教职工家长于一体的一套完整的智慧校园体系，面向中等职业教育的学校；从用户基础信息、学校基础信息、硬件建设情况、软件使用情况四大维度采集了学校信息化数据进行监控，提升学校整体教学效率和办公、管理水平。项目分有运营中心、开发中心(权限配置)，学校系统(包括通讯录、校园管理系统、协同办公系统、人事管理系统、学生管理系统、教学管理系统、教务管理系统、教学诊改系统等)。采用umi + dva+ react+ antd+ ant-design pro技术。</p>
                <p>主要职责:</p>
                <p>1、对部分公共组建封装，高度组件化、模块化；如自定义表单组件封装，选择学生组件封装等，文件上传下载、扁平化表头数据转化树形目录方法封装等；日常项目模块迭代，性能优化等。</p>
                <p>2、协助同事处理部分复杂功能，比如诊改中心，不同角色不同审批流权限问题；拖拽生成自定义表单问题，和表头数据类型转化问题处理等。</p>
                <p>3、参与功能：成绩发布、学生评语、公文管理等模块，和主导教学诊改系统开发，参与项目架构整体调整开发。</p>
                <p>项目心得：加深了react+umi、redux、dva，react组件间通信了解，并对react组件化思维进一步的巩固。</p>
        `,
        url: 'https://admin.guojiangjiaoyu.com/login?phoneNumber=15674900005',
        topology: '',
    },
    {
        id: 1,
        pubTime: '2020/06/01-2020/06/30',
        title: 'PC端在线考试系统',
        summary: `<p>描述:  一个用于学生在线考试管理系统。采用avalonJS+requireJS+Bootstrap技术。</p>
        <p>主要职责:</p>
        <p>1、项目的搭建，项目文件管理、公共方法、组件开发。通用样式书写，考试信息、在线考试流程，考试结果等模块开发。</p>
        <p>2、并实现考试时全屏展示试卷、防作弊、倒计时、实时显示已答题和未答题交互等功能。</p>
        <p>项目心得：对avalonJS+requireJS有了新的了解；对传统模块化管理，浏览器兼容处理，网页全屏，防作弊等加深了解！</p>
        `,
        url: 'https://exam.guojiangjiaoyu.com/login.html',
        topology: ''
    },
    {
        id: 2,
        pubTime: '2020/01-2020/7',
        title: '国匠教育官网',
        summary: `<h5>公司：深圳市国匠教育科技有限公司 </h5>
        <p>描述: 国匠教育官网，百校千企·职教集团相关介绍，采用vue+vuex+vue-router+axios+nodeJS技术。</p>
        <p>主要职责:</p>
        <p>1、项目的搭建，公共组件开发，项目优化，代码精简。</p>
        <p>2、打包优化，网站性能优化，如图片懒加载、颗粒化细分模块进行资源预加载、路由懒加载、图片压缩、公共文件提取、骨架屏等。</p>
        <p>3、参与功能：首页，产品中心展示，但是后面官网大调整是我的同事在迭代。</p>
        <p>项目心得：vue的性能优化，骨架屏的运用加深了解；还有页面交互优化也有了更深了解！</p>
        `,
        url: 'https://www.guojiangjiaoyu.com/home',
        topology: '',
    },
    {
        id: 3,
        pubTime: '2019/08-2019/09',
        title: 'Umi + Antd + React的发卡管理系统',
        summary: `<h5>外派项目 </h5>
        <p>描述: Umi + Antd + React的发卡管理系统。包括基本配置、柜号管理、业务分区、营业管理、管理卡类、去控制器、查询记录</p>
        <p>主要职责:</p>
        <p>1、项目的搭建，umi-request请求封装，权限设置，路由配置、左侧栏菜单开发、基本配置、柜号管理业务分区开发等。</p>
        <p>2、公共组件开发。项目优化，代码精简，高度组件化、模块化。</p>
        <p>3、打包优化，mock数据编写。</p>
        <p>项目心得：初步巩固了react+umi的运用，对mock、redux、dva，react组件间通信有了进一步了解！</p>
        `,
        url: '#',
        topology: 'faka.png'
    },
    {
        id: 4,
        pubTime: '2018/09-2019/09',
        title: 'SMP电子印章用户网站和后台管理系统',
        summary: `<h5>公司：深圳市天威诚信科技有限公司 </h5>
        <p>描述: SMP平台对用户管理，实现对所有电子签章安全方便的集中管理和对印章的使用进行在线控制的管理系统。
            采用vue+iview+vuex+vue-router+axios技术。</p>
        <p>主要职责:</p>
        <p>1、SMP两个项目的搭建，公共组件开发。项目优化，代码精简，高度组件化、模块化。</p>
        <p>2、对公共方法封装，整体样式优化，代码整理和优化。</p>
        <p>3、参与功能：登录注册、token加密、菜单权限、用户权限管理、全局状态与路由管理、接入管理模块、用印管理、系统管理。</p>
        <p>项目心得：对vue/vuex有了进一步的巩固；vue的性能优化有所了解；对于菜单、按钮权限处理进一步了解；对vue组件渲染有所了解，
            组件更加细化，公用组件封装更加通用；组件间的通信运用得更加灵活！</p>
        `,
        url: '#',
        topology: 'SMP.jpg'
    },
    {
        id: 5,
        pubTime: '2019/01-2019/09',
        title: 'we签电子印章管理系统',
        summary: `<h5>公司：深圳市天威诚信科技有限公司</h5>
        <p>描述: 一个在线签章管理系统。实现合同在线拟定、审批流转、合同存管、印章管理授权、模板服务等服务；支持各种合同文件类型（pdf/word/ppt/excel）盖章，
            提供合同模板定制化等个性化的功能。采用vue+iview+vuex+vue-router+vuecli2.5+axois 技术。</p>
        <p>主要职责:</p>
        <p>1、项目的搭建，对部分公共组件封装，整体样式优化，代码优化，公共指令定义。</p>
        <p>2、代码精简，高度组件化、模块化。如合同申请，在线生成合同，在线盖章等功能模块开发，合同模板定制组件开发，合同签章拖章盖章组件开发。</p>
        <p>3、兼容处理，项目兼容了包括IE10等主流浏览器。</p>
        <p>4、参与功能：登录注册、token加密、首页，菜单权限、用户权限管理、全局状态与路由管理、合同管理、开发平台管理等主流程开发。</p>
        <p>项目心得：对vuecli2.5有了进一步了解。深入运用了babel处理vue项目兼容各大主流，完成了公司之前难题：
            合同在线拖章盖章组件（需要拖动多个印章到合同文档里，并记录盖章的位置，支持企业章，法人章，个人章等，兼容合同文件类型
            （pdf/word/ppt/excel）盖章），还有合同模板定制组件（就是在合同在线加注释；拖拽文本条到合同文档上，写入你需要注释的内容，可以选择你喜欢的字体类型，可以
            拖动文本条放到在文档里随意一个地方，记录下坐标，可以添加多个文本条）。
        深入运用了vue自定义指令来实现拖拽事件；对于权限问题处理又有了深入领悟。</p>
        `,
        url: '#',
        topology: 'weqian.png'
    },
    {
        id: 6,
        pubTime: '2019/05/13-2019/05/18',
        title: '电子合同盖章SDK开发',
        summary: `<h5>公司：深圳市天威诚信科技有限公司</h5>
        <p>描述: 运用原生JS的面向对象原理完成的一个开箱即用的原生合同在线盖章组件。</p>
        <p>主要职责:</p>
        <p>1、采用原生JS面向对象封装的电子合同拖拽盖章组件。</p>
        <p>2、拖拽盖章整个流程封装，页码分页封装，页面自定义滚动条封装兼容各大浏览器。</p>
        <p>项目心得：对于JS面向对象进一步了解；深入运用了js继承完成拖拽不同功能实现；页码分页类的封装，自定义滚动条兼容到IE9等
            各大主流浏览器；单例模式的运用对外组件调用不暴露new。</p>
        `,
        url: 'https://github.com/cqm316/dragSdk',
        topology: ''
    },
    {
        id: 7,
        pubTime: '2018/12-2019/01',
        title: 'CTN官网搭建',
        summary: `<h5>公司：深圳市天威诚信科技有限公司</h5>
        <p>描述: 采用node+express+handlebars技术。</p>
        <p>主要职责:</p>
        <p>1、项目的搭建，中间件开发，建立主模板。</p>
        <p>2、共用模板开发、公用方法封装，样式整理等。</p>
        <p>项目心得：对express中间件进一步了解，深入运用handlebars。</p>
        `,
        url: 'http://www.szitrus.com.cn/',
        topology: ''
    },
    {
        id: 8,
        pubTime: '2018/01-2018/06',
        title: '开发者平台优化与维护',
        summary: `<h5>公司：深圳市邦德布拉泽科技有限公司</h5>
        <p>描述: 本系统是一个车险APP定制化管理平台，采用vue+elementUI框架，完成用户管理、应用管理、APP应用创建。实现了车险APP定制化。</p>
        <p>主要职责:</p>
        <p>1、前期监督并且帮助和引导新同事完成项目的开发。</p>
        <p>2、对公共方法封装，整体样式优化，代码整理和优化。</p>
        <p>前端技术: javascript，html/html5，elementUI，css/css3，vue/vuex，vue-router，axios，webpack，git。</p>
        <p>项目心得：对前后台分离，vue/vuex有了进一步的了解。学会了如何耐心帮助同事解决疑难，同时也发现自己的指导能力的不足，
            发现问题一起解决，一起学习，一起进步。</p>
        `,
        url: 'http://developer.bandins.com/#/',
        topology: 'developer.png'
    },
    {
        id: 9,
        pubTime: '2017/12-2018/06',
        title: '邦德车险管理自定义APP开发与维护',
        summary: `<h5>公司：深圳市邦德布拉泽科技有限公司</h5>
        <p>描述: 采用vue+mintUI框架，完成车险出单管理、保单管理、客户管理、用户中心模块。</p>
        <p>主要职责:</p>
        <p>1、项目搭建，样式管理，皮肤样式管理，公共方法封装；APP开发与维护。</p>
        <p>2、与后台同事合作，与领导，产品经理沟通完善项目。</p>
        <p>3、权限判断，通过后台返回的APPID判断是否有权限，并提供对应的车险报价服务。公用组件开发，如城市选择组件。</p>
        <p>4、其中，采用javascript+verify完成数据输入校验，公共校验封装，axios请求封装（报头提交），登录token处理，组件之间信息传送，vuex信息传输；</p>
        <p>5、运用sass进行代码的编写，运用webpack进行代码的整理和压缩。</p>
        <p>前端技术: javascript，html/html5，mintUI，css/css3/scss，vue/vuex，vue-router，axios，ES6，webpack，git。</p>
        <p>项目心得：对前后台分离有了新的了解。Vue，webpack，ES6、scss等技术深入了解。同时也学会了处理多个紧急大项目并发完成问题，把任务划分小块，按照时间前后安排紧凑完成。</p>
        `,
        url: 'http://h5.bandins.com/#/?appId=cx2180308213825jx5',
        topology: 'app-t.png'
    },
    {
        id: 10,
        pubTime: '2017/07-2018/06',
        title: '邦德车险后台管理系统开发与维护',
        summary: `<h5>公司：深圳市邦德布拉泽科技有限公司</h5>
        <p>描述: 采用layui+knockoutJs框架实现的在线车险报价管理系统。
            项目主要包括个人信息、面板、出单管理、费用管理、财务管理、运营监控、基础设置、运营中心这八大模块</p>
        <p>主要职责:</p>
        <p>1、我主要完成车险的<br>a) 出单管理：<br>投保管理(包括报价流程：报价->核保->支付->承保)、保单管理、保单同步、客户管理、摄像头进店<br>b) 运营中心：呼叫中心、消息中心；<br>c) 还有系统设置、系统面板、个人信息等车险系统模块。<br>d) 同时还协助完成其他模块复杂前端逻辑。</p>
        <p>2、前端项目搭建，样式管理，皮肤样式管理，公共方法封装。</p>
        <p>3、产品界面、交互优化迭代，为用户提供更好的体验。</p>
        <p>4、在公司内部制定前端编程规范，完善前端框架。</p>
        <p>5、与后台同事合作，与领导，产品经理沟通完善项目。</p>
        <p>6、使用JavaScript+knockoutJs实现某些功能的逻辑处理和某些页面的动态效果。</p>
        <p>7、其中，采用javascript+layuiForm完成数据输入校验以及表格分页处理；上传图片+抓取图片插件更改；echart+百度地图完成出单系统面板；通用校验封装；播放器插件更改；多选下拉插件更改；layui的tab页面增删等功能封装；layui的table控件优化；树控件的优化等。</p>
        <p>8、后期，根据和领导讨论结果，我对首页系统看板进行优化，把echart+百度地图改成echarts3中国地图下钻至县级，我做了个模拟页面-> <a href="works/bdbrother/Views/index.html">前去浏览</a><br>注：建议使用Chrome，火狐，360极速模式浏览器。</p>
        <p>前端技术: javascript，html/html5，layui，css/css3，jQuery，knockoutJs，echartJS，git。</p>
        <p>项目心得：了解车险管理相关业务，培养了良好的编程习惯，良好的代码书写方便了团队开发和项目维护。在环境搭建和开发过程中，逐渐提高了独立解决问题的能力。Web语义化，前端性能优化的解决经验。学会了公共样式，公共方法书写和运用。knockoutJs等JS框架深入了解。</p>
        `,
        url: 'http://h5.bandins.com/#/?appId=cx2180308213825jx5',
        topology: 'bande.png'
    },
    {
        id: 11,
        pubTime: '2016/05 - 2017/07',
        title: '飞马车险后台管理系统以及APP',
        summary: `<h5>公司：深圳市邦德布拉泽科技有限公司</h5>
        <p>职位：前端开发工程师</p>
        <p>描述: 飞马车险后台管理系统采用knockoutJs+EXTJS框架，完成车险出单管理、保单管理、客户管理，对账等车险系统模块。</p>
        <p>负责符合W3C标准、多浏览器兼容、语义化的Web前端网页产品功能的开发，调试和维护,实现一流的用户交互WEB/WebApp界面。</p>
        <p>使用原生js和jQuery实现了页面上的相应特效，比如上传证件照等等。</p>
        <p>根据UI图纸，实现显示效果。</p>
        <p>使用ajax请求与后台交互调试接口。</p>
        <p>使用knockoutJs+JS+JQ处理各种数据交互，页面逻辑处理。</p>
        <p>利用JS,JS完成各种特效，如手机版上传证件，提现页面的键盘插件，选择城市插件，手机版自适应echart图表等。</p>
        <p>运用HTML5语义化标签+CSS3新特性进行页面布局，实现页面的动态效果，提高代码的清 晰度和代码质量，将页面体现的更加丰满，代码更健壮。</p>
        <p>维护后台管理系统功能。</p>
        <p>注：后期和易龙保代合作，变改成易龙车险后台管理系统，我参与开发与维护到2018年1月，我才全心转向邦德项目上。</p>
        <p>前端技术: javascript，knockoutJs，html/html5，css/css3，jQuery，git。</p>
        <p>项目心得：JS有了更深的了解，运用JS来封装公共的样式，校验，插件等，对knockoutJs有了初步的了解。</p>.
        `,
        url: '#',
        topology:''
    },
    {
        id: 12,
        pubTime: '2015/08 - 2016/05',
        title: '博赢财富，MOM资管业务,私募基金管理平台',
        summary: `<h5>公司：深圳市邦德布拉泽科技有限公司</h5>
        <p>职位：前端开发工程师</p>
        <p>负责博赢财富门户网站的维护与更进。</p>
        <p>负责博赢财富APP开发与维护。</p>
        <p>负责公司现有项目和新项目的前端修改调试和开发工作。</p>
        <p>与设计团队、后端开发团队紧密配合，确保软件实施、优化网站前端性能。</p>
        <p>按照需求独立完成各种特效制作。</p>
        <p>负责页面通过标准检验，兼容各个主流浏览器。</p>
        <p>前端技术: javascript，html/html5，css/css3，jQuery，svn。</p>
        <p>项目心得：对代码更规范化，对HTML/CSS/JQ的使用更加熟悉，对H5页面制作更加熟练，手机版兼容有了新的了解。</p>
        `,
        url: '#',
        topology:''
    },
    {
        id: 13,
        pubTime: '2012/09 - 2014/07',
        title: '就读于 广东石油化工学院',
        summary: `<p>学历：本科(专插本|全日制)</p>
        <p>为了更好的提升自己，我通过专插本统考进入了广东石油化工学院，所学专业是网络工程，学习了java web、java EE等，同时也加深了JS、JQ的学习，
        也对HTML5、CSS3有了进一步的了解。大四那年，还被推举成为班上学习委员。</p><p>2012-2013学年被评为广东石油化工学院院级三好学生；</p>
        <p>2013-2014学年获评广东石油化工学院校级三好学生、校级优秀学生干部。</p>
        `,
        url: '#',
        topology: ''
    },
    {
        id: 14,
        pubTime: '2009/09 - 2012/07',
        title: '就读于 茂名职业技术学院',
        summary: `<p>学历：大专(全日制)</p>
        <p>所学专业：计算机通信；课程主要有：通信原理、网页设计与制作、计算机网络、局域网、TCP/IP原理与技术、计算机网络安全。</p>
        <p>在校期间，是系学生会宣传部副部长，同时也是班上三年的学习委员，并多次获得校奖学金；
        2009-2011年被评为茂名职业技术学院计算机工程系优秀学生干部；2012年成为了正式党员。</p>
        `,
        url: '#',
        topology:''
    },
]

export default [
    {
        url: '/projects/list',
        type: 'get',
        response: config => {
            return {
                code: 20000,
                data: [...List]
            }
        }
    }
]